body,html{
    height: 100%;
    width: 100%;
}
.navbar{
    border: none;
    margin-bottom: 0;
}

@media screen and (min-width:600px) and (max-width:960px){

    .header{
        text-align: center;
        // font-family: 'Source Han Sans CN';
        align-items: center;
        width: 100%;
        background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
        background-size:cover;
        position: relative;
        a{
            color:gray;
            font-size: 15px;
            &:hover{
                color:#fff !important; 
            }
        }
    }
    .container-fluid{
        padding:0px !important;
        // width: 80%;
    }
    .navbar-nav img{
        width: 16px;
        height: 15px;
    }
    .tel_logo{
        display: none;
    }
    .navbar-nav{
        display: flex;
        width: 100%;
        align-items: center;
        li{
            // flex: 1;
            width:14.2%;
            a{
                padding-left:0px;
                padding-right:0px;
            }
        }
        li:nth-child(1){
            display: flex;
            a{
                display: flex;
                align-items: center;
                span:nth-of-type(1){ 
                    white-space: nowrap;
                }
                span:nth-of-type(2){ 
                    margin-right: 5px;
                    margin-left:5px;
                }
            }
        }
        .logo img{
            width: 56px;
            height: 56px;
        }
    }
    .language_web{
        display: block
    }
    .language_tel{
        display: none;
    }
    
    
    //footer
    footer{
        margin-top:10px;
        width: 100%;
        height: 80px;
        background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
        background-size:cover;
        color:#5f5f5f;
        font-size: 13px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        &>div{
            width: 100%;
            display: flex;
            justify-content: center;
            &>div{
                margin:2.5px 5px;
            }
        }
        a{
            color:#5f5f5f !important;
        }
    }
    

}
@media screen and (min-width:960px) {
    //header
    // header{
    //     font-family: 'Source Han Sans CN';
    //     align-items: center;
    //     height: 76px;
    //     width: 100%;
    //     background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
    //     background-size:cover;
    //     position: relative;
    // }
    // .header{
    //     width: 70%;
    //     height: 100%;
    //     margin: 0 auto;
    //     .language{
    //         position: absolute;
    //        left:5%;
    //         top: 50%;
    //         transform: translateY(-50%);
    //         &>a:nth-child(1){
    //             margin-right: 10px;
    //         }
    //         &>a>span{
    //             margin-left:5px;
    //             &>img{
    //                 margin-right:5px; 
    //             }
    //         }
    //         img{
    //             width: 16px;
    //             height: 15px;
    //         }
    //         a{
    //             color:gray;
    //             font-size: 15px;
    //             &:hover{
    //                color:#fff; 
    //             }
    //         }
    //     } 
        
    // }
    // header ul{
    //     border-bottom:none !important;
    //     height: 100%;
    //     width: 100%;
    //     display: flex;
    //     justify-content: space-around;
    //     align-items: center;
    //     li{
    //         flex:1;
    //         text-align: center;
    //     }
        
    //     a{
    //         color:gray;
    //         font-size: 15px;
    //         &:hover{
    //            color:#fff; 
    //         }
    //     }
    // }
     
    // .header-logo img{
    //     width: 56px;
    //     height: 56px;
    // }
    // .navbar-header{
    //     float:left;
    // }


    .language_web{
        display: block
    }
    .language_tel{
        display: none;
    }
    .header{
        text-align: center;
        // font-family: 'Source Han Sans CN';
        align-items: center;
        width: 100%;
        background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
        background-size:cover;
        position: relative;
        a{
            color:gray;
            font-size: 15px;
            &:hover{
                color:#fff !important; 
            }
        }
    }
    .container-fluid{
        padding:0px !important;
        width: 75%;
    }
    .navbar-nav img{
        width: 16px;
        height: 15px;
    }
    .tel_logo{
        display: none;
    }
    .navbar-nav{
        display: flex;
        width: 100%;
        align-items: center;
        li{
            flex: 1;
        }
        li:nth-child(1){
            display: flex;
            a{
                display: flex;
                padding:0 !important;
                align-items: center;
                span:nth-of-type(1){ 
                    white-space: nowrap;
                    // min-width: 50px;
                    margin-left:5px;
                }
                span:nth-of-type(2){ 
                    margin-right: 10px;
                    margin-left:10px;
                }
            }
                a:nth-child(1){float: left};
                a:nth-child(2){float: right}
        }
        .logo img{
            width: 56px;
            height: 56px;
        }
    }
    
    
    //footer
    footer{
        margin-top:10px;
        width: 100%;
        height: 80px;
        background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
        background-size:cover;
        color:#5f5f5f;
        font-size: 13px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        &>div{
            width: 100%;
            display: flex;
            justify-content: center;
            &>div{
                margin:2.5px 5px;
            }
        }
        a{
            color:#5f5f5f !important;
        }
    }
    
    
}


@media screen and (max-width:600px) {
    // header{
    //     width: 100%;
    //     height: 0.9rem;
    //     font-size: 0.20rem;
    //     background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
    //     background-size:cover;
    //     position: relative;
    //     .language{
    //         a:nth-child(2){
    //             display: none;
    //         }
    //     }
    //     .header{
    //         margin:0 10px;
    //         // margin:0 0.75rem;
    //         height: 100%;
    //         .language{
    //             position: absolute;
    //             top: 50%;
    //             transform: translateY(-50%);
    //             &>a:nth-child(1){
    //                 margin-right: 0.2rem;
    //             }
    //             img{
    //                 width: 0.33rem;
    //                 height: 0.3rem;
    //             }
    //             a{
    //                 color:#fff; 
    //             }
    //         } 
            
    //     }
    //     .header{
    //         ul{
    //             width: 100%;
    //             height: 100%;
    //             display: flex;
    //             align-items:center;
    //             justify-content: space-around;
    //             li{
    //                 flex:1;
    //                 text-align: center;
    //             }
    //         }
    //         img{
    //             width: 0.32rem;
    //             height: 0.26rem;
    //         }
    //         a{
    //             color:#fff;
    //         }
    //         .header-logo img{
    //             width:0.55rem;
    //             height: 0.55rem;
    //         }
    //     }
    // }

    .language_web{
        display: none!important;
    }
    .language_tel{
        display: block;
    }
    .navbar-header{
        position: relative;
        z-index: 99999;
        background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
        background-size:cover;
    }      
    .navbar-nav img{
        width: 16px;
        height: 15px;
    }
    .web_logo{
        display: none!important;
    }
    .navbar-brand{
        padding:5px;
        img{
            width:40px;
            height:40px;
        }
    }
    .tel_logo{
        position: absolute;
        left: 50%;
        float: none;
        display: inline-block;
        transform: translateX(-50%)
    }
    .dropdown{
        position: absolute;
        top:50%;
        left:0.4rem;
        transform: translateY(-50%)
    }
    .dropdown img{
        width: 15px;
        height: 15px;
        margin-left:5px;
        vertical-align: middle;
   
    }
    .la,.language{
        span{
            vertical-align: middle
        }
    }
       .hide{
           display: none;
       }


    footer{
        margin-top:0.5rem;
        width: 100%;
        height: 1.5rem;
        background:url('http://file.rzkeji.com/web/f6/web/images/headerBg.jpg') no-repeat;
        background-size:cover;
        color:#5f5f5f;
        font-size: 13px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        &>div{
            margin:0.05rem 0;
            width: 100%;
            display: flex;
            justify-content: center;
            &>div{
                margin:0 0.2rem;
            }
        }
        a{
            color:#5f5f5f !important;
        }
    }
    }